import React, { Component } from 'react'
// import ReactCSSTransitionGroup from 'react-addons-css-transition-group'; 
// import './customTransition.css'

class CustomTransition extends Component {

  render(){
    const { timeout, name, appear, enter, leave } = this.props
    console.log("CustomTransition render", this.props)
    return (
      <div>
      {/* <ReactCSSTransitionGroup
        transitionName={name}
        transitionAppear={appear}
        transitionAppearTimeout={timeout}
        transitionEnter={enter}
        transitionEnterTimeout={timeout}
        transitionLeave={leave}
        transitionLeaveTimeout={timeout}
      >
        {this.props.children}
      </ReactCSSTransitionGroup> */}
      </div>
    )
  }

}

CustomTransition.defaultProps = {
  timeout: 500,
  name: 'default',// default | right-to-left | up-to-down
  appear: true,
  enter: false,
  leave: false
}

export default CustomTransition